<template>
  <div class="zixunbox">
    <!-- 内容 -->
    <Tabs :dataSource="dataSource">
      <template #header>
        <p class="fs_12" style="color: #cbd2d5">2021-11-15 ~ 2021-11-21</p>
      </template>
    </Tabs>
    <Line style="height: 40vh" />
    <!--  -->
    <Table />
    <p class="pl_20" style="color: #cbd2d5">
      <ExclamationCircleOutlined />
      <span> 数据更新时间：每天12~16时，受数据波动影响，可能会有延迟。 </span>
    </p>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import Tabs from "@/components/Tabs";
import Line from "./components/Line";
import Table from "./components/Table";

const dataSource = ref(["资讯关注", "资讯指数"]);
</script>

<style lang="less" scoped>
.zixunbox {
  width: 100%;
  border: 1px solid #1f2327;
  padding: 0 10px;
}
</style>
